<template>
  <div class="flex flex-col min-h-100vh justify-center items-center">
    <Container class="flex-col">
      <img src='/assets/icon/404.jpg' alt='' class='h-100'>
      <slot></slot>
      <button @click="router.back()" class='py-2.5 px-5 me-2 mb-2 text-sm font-medium text-gray-900 focus:outline-none bg-white rounded-lg border border-gray-200 hover:bg-gray-100 hover:text-blue-700 focus:z-10 focus:ring-4 focus:ring-gray-100 dark:focus:ring-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:border-gray-600 dark:hover:text-white dark:hover:bg-gray-700'>返回</button>
    </Container>
  </div>
</template>

<script setup lang="ts">
const router = useRouter()
</script>

<style scoped></style>
